﻿<!DOCTYPE html>
<html>
  <head>
    <title>树形控件 Tree</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=1440, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/树形控件_tree/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/树形控件_tree/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (元件标题) -->

      <!-- 背景 (Dynamic Panel) -->
      <div id="u4125" class="ax_default" data-label="背景">
        <div id="u4125_state0" class="panel_state" data-label="State1" style="">
          <div id="u4125_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 线条 (Dynamic Panel) -->
      <div id="u4126" class="ax_default" data-label="线条">
        <div id="u4126_state0" class="panel_state" data-label="State1" style="">
          <div id="u4126_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4127" class="ax_default _默认样式">
        <div id="u4127_div" class=""></div>
        <div id="u4127_text" class="text ">
          <p><span style="font-family:'FontAwesome Bold', 'FontAwesome Regular', 'FontAwesome';"></span><span style="font-family:'微软雅黑 Bold', '微软雅黑';"> 元件标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4128" class="ax_default _默认样式">
        <div id="u4128_div" class=""></div>
        <div id="u4128_text" class="text ">
          <p><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'FontAwesome';font-weight:400;">作品首页</span></p>
        </div>
      </div>

      <!-- Unnamed (版权信息) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u4130" class="ax_default _默认样式">
        <img id="u4130_img" class="img " src="images/___icons/u605.png"/>
        <div id="u4130_text" class="text ">
          <p><span>Copyright © </span><a id="u4131" class="link"><span>http://t.cn/EPh287q</span></a><span>, All Rights Reserved.</span></p><p><span>打造高保真原型，快人一步</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4132" class="ax_default" data-left="20" data-top="100" data-width="1100" data-height="110">

        <!-- Unnamed (Rectangle) -->
        <div id="u4133" class="ax_default _默认样式">
          <div id="u4133_div" class=""></div>
          <div id="u4133_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">使用说明</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">文件夹、组织架构、生物分类、国家地区等等，世间万物的大多数结构都是树形结构。使用树控件可以完整展现其中的层级关系，并具有展开收起选择等交互功能。Axure的自带元件库中有提供树形控件，不过比较粗糙且定制性不强。下面提供了一些定制性的静态树形控件，可根据需要使用。</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4134" class="ax_default _默认样式">
          <div id="u4134_div" class=""></div>
          <div id="u4134_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4135" class="ax_default _默认样式">
        <div id="u4135_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4136" class="ax_default _默认样式">
        <div id="u4136_div" class=""></div>
        <div id="u4136_text" class="text ">
          <p><span>基础用法 </span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4137" class="ax_default" data-left="140" data-top="300" data-width="300" data-height="560">

        <!-- Unnamed (Rectangle) -->
        <div id="u4138" class="ax_default _默认样式">
          <div id="u4138_div" class=""></div>
          <div id="u4138_text" class="text ">
            <p style="font-size:18px;"><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;"> 父级菜单一</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4139" class="ax_default _默认样式">
          <div id="u4139_div" class=""></div>
          <div id="u4139_text" class="text ">
            <p><span>三级菜单一</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4140" class="ax_default _默认样式">
          <div id="u4140_div" class=""></div>
          <div id="u4140_text" class="text ">
            <p><span>三级菜单二</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4141" class="ax_default _默认样式">
          <div id="u4141_div" class=""></div>
          <div id="u4141_text" class="text ">
            <p style="font-size:18px;"><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;"> 父级菜单二</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4142" class="ax_default _默认样式">
          <div id="u4142_div" class=""></div>
          <div id="u4142_text" class="text ">
            <p style="font-size:18px;"><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;"> 子集菜单一</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4143" class="ax_default _默认样式">
          <div id="u4143_div" class=""></div>
          <div id="u4143_text" class="text ">
            <p><span>三级菜单一</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4144" class="ax_default _默认样式">
          <div id="u4144_div" class=""></div>
          <div id="u4144_text" class="text ">
            <p style="font-size:18px;"><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;"> 子集菜单一</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4145" class="ax_default _默认样式">
          <div id="u4145_div" class=""></div>
          <div id="u4145_text" class="text ">
            <p><span>三级菜单二</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4146" class="ax_default _默认样式">
          <div id="u4146_div" class=""></div>
          <div id="u4146_text" class="text ">
            <p><span>三级菜单一</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4147" class="ax_default _默认样式">
          <div id="u4147_div" class=""></div>
          <div id="u4147_text" class="text ">
            <p><span>三级菜单二</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4148" class="ax_default _默认样式">
          <div id="u4148_div" class=""></div>
          <div id="u4148_text" class="text ">
            <p style="font-size:18px;"><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;"> 子集菜单二</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4149" class="ax_default _默认样式">
          <div id="u4149_div" class=""></div>
          <div id="u4149_text" class="text ">
            <p style="font-size:18px;"><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;"> 子集菜单二</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4150" class="ax_default _默认样式">
          <div id="u4150_div" class=""></div>
          <div id="u4150_text" class="text ">
            <p><span>三级菜单一</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4151" class="ax_default _默认样式">
          <div id="u4151_div" class=""></div>
          <div id="u4151_text" class="text ">
            <p><span>三级菜单二</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4152" class="ax_default _默认样式">
        <div id="u4152_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4153" class="ax_default _默认样式">
        <div id="u4153_div" class=""></div>
        <div id="u4153_text" class="text ">
          <p><span>带选择效果</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4154" class="ax_default" data-left="700" data-top="289" data-width="300" data-height="560">

        <!-- Unnamed (Rectangle) -->
        <div id="u4155" class="ax_default _默认样式">
          <div id="u4155_div" class=""></div>
          <div id="u4155_text" class="text ">
            <p style="font-size:18px;"><span style="font-family:'FontAwesome';font-weight:400;color:#999999;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;color:#999999;"> </span><span style="font-family:'FontAwesome Regular', 'FontAwesome';font-weight:400;color:#0079FE;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;"> </span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;color:#999999;">父级菜单一</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4156" class="ax_default _默认样式">
          <div id="u4156_div" class=""></div>
          <div id="u4156_text" class="text ">
            <p style="font-size:18px;"><span style="font-family:'FontAwesome Regular', 'FontAwesome';font-weight:400;color:#0079FE;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;"> </span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;color:#999999;">三级菜单一</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4157" class="ax_default _默认样式">
          <div id="u4157_div" class=""></div>
          <div id="u4157_text" class="text ">
            <p style="font-size:18px;"><span style="font-family:'FontAwesome Regular', 'FontAwesome';font-weight:400;color:#999999;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;"> </span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;color:#999999;">三级菜单二</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4158" class="ax_default _默认样式">
          <div id="u4158_div" class=""></div>
          <div id="u4158_text" class="text ">
            <p style="font-size:18px;"><span style="font-family:'FontAwesome';font-weight:400;color:#999999;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;color:#999999;"> </span><span style="font-family:'FontAwesome Regular', 'FontAwesome';font-weight:400;color:#999999;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;"> </span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;color:#999999;">父级菜单二</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4159" class="ax_default _默认样式">
          <div id="u4159_div" class=""></div>
          <div id="u4159_text" class="text ">
            <p style="font-size:18px;"><span style="font-family:'FontAwesome';font-weight:400;color:#999999;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;color:#999999;"> </span><span style="font-family:'FontAwesome Regular', 'FontAwesome';font-weight:400;color:#999999;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;"> </span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;color:#999999;">子集菜单一</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4160" class="ax_default _默认样式">
          <div id="u4160_div" class=""></div>
          <div id="u4160_text" class="text ">
            <p style="font-size:18px;"><span style="font-family:'FontAwesome Regular', 'FontAwesome';font-weight:400;color:#999999;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;"> </span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;color:#999999;">三级菜单一</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4161" class="ax_default _默认样式">
          <div id="u4161_div" class=""></div>
          <div id="u4161_text" class="text ">
            <p style="font-size:18px;"><span style="font-family:'FontAwesome';font-weight:400;color:#999999;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;color:#999999;"> </span><span style="font-family:'FontAwesome Regular', 'FontAwesome';font-weight:400;color:#0079FE;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;"> </span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;color:#999999;">子集菜单一</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4162" class="ax_default _默认样式">
          <div id="u4162_div" class=""></div>
          <div id="u4162_text" class="text ">
            <p style="font-size:18px;"><span style="font-family:'FontAwesome Regular', 'FontAwesome';font-weight:400;color:#999999;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;"> </span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;color:#999999;">三级菜单二</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4163" class="ax_default _默认样式">
          <div id="u4163_div" class=""></div>
          <div id="u4163_text" class="text ">
            <p style="font-size:18px;"><span style="font-family:'FontAwesome Regular', 'FontAwesome';font-weight:400;color:#999999;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;"> </span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;color:#999999;">三级菜单一</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4164" class="ax_default _默认样式">
          <div id="u4164_div" class=""></div>
          <div id="u4164_text" class="text ">
            <p style="font-size:18px;"><span style="font-family:'FontAwesome Regular', 'FontAwesome';font-weight:400;color:#999999;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;"> </span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;color:#999999;">三级菜单二</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4165" class="ax_default _默认样式">
          <div id="u4165_div" class=""></div>
          <div id="u4165_text" class="text ">
            <p style="font-size:18px;"><span style="font-family:'FontAwesome';font-weight:400;color:#999999;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;color:#999999;"> </span><span style="font-family:'FontAwesome Regular', 'FontAwesome';font-weight:400;color:#999999;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;"> </span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;color:#999999;">子集菜单二</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4166" class="ax_default _默认样式">
          <div id="u4166_div" class=""></div>
          <div id="u4166_text" class="text ">
            <p style="font-size:18px;"><span style="font-family:'FontAwesome';font-weight:400;color:#999999;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;color:#999999;"> </span><span style="font-family:'FontAwesome Regular', 'FontAwesome';font-weight:400;color:#999999;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;"> </span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;color:#999999;">子集菜单二</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4167" class="ax_default _默认样式">
          <div id="u4167_div" class=""></div>
          <div id="u4167_text" class="text ">
            <p style="font-size:18px;"><span style="font-family:'FontAwesome Regular', 'FontAwesome';font-weight:400;color:#999999;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;"> </span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;color:#999999;">三级菜单一</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u4168" class="ax_default _默认样式">
          <div id="u4168_div" class=""></div>
          <div id="u4168_text" class="text ">
            <p style="font-size:18px;"><span style="font-family:'FontAwesome Regular', 'FontAwesome';font-weight:400;color:#999999;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;"> </span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;color:#999999;">三级菜单二</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4169" class="ax_default _默认样式">
        <div id="u4169_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4170" class="ax_default _默认样式">
        <div id="u4170_div" class=""></div>
        <div id="u4170_text" class="text ">
          <p><span>线条效果</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4171" class="ax_default" data-left="140" data-top="987" data-width="300" data-height="600">

        <!-- Unnamed (Group) -->
        <div id="u4172" class="ax_default" data-left="140" data-top="987" data-width="300" data-height="600">

          <!-- Unnamed (Rectangle) -->
          <div id="u4173" class="ax_default _默认样式">
            <div id="u4173_div" class=""></div>
            <div id="u4173_text" class="text ">
              <p><span style="font-family:'FontAwesome';font-weight:400;color:#CCCCCC;"></span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;"> 父级菜单一</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4174" class="ax_default _默认样式">
            <div id="u4174_div" class=""></div>
            <div id="u4174_text" class="text ">
              <p><span>三级菜单一</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4175" class="ax_default _默认样式">
            <div id="u4175_div" class=""></div>
            <div id="u4175_text" class="text ">
              <p><span>三级菜单二</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4176" class="ax_default _默认样式">
            <div id="u4176_div" class=""></div>
            <div id="u4176_text" class="text ">
              <p><span style="font-family:'FontAwesome';font-weight:400;color:#CCCCCC;"></span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;"> 子集菜单一</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4177" class="ax_default _默认样式">
            <div id="u4177_div" class=""></div>
            <div id="u4177_text" class="text ">
              <p><span>三级菜单一</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4178" class="ax_default _默认样式">
            <div id="u4178_div" class=""></div>
            <div id="u4178_text" class="text ">
              <p><span style="font-family:'FontAwesome';font-weight:400;color:#CCCCCC;"></span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;"> 子集菜单一</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4179" class="ax_default _默认样式">
            <div id="u4179_div" class=""></div>
            <div id="u4179_text" class="text ">
              <p><span>三级菜单二</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4180" class="ax_default _默认样式">
            <div id="u4180_div" class=""></div>
            <div id="u4180_text" class="text ">
              <p><span style="font-family:'FontAwesome';font-weight:400;color:#CCCCCC;"></span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;"> 子集菜单二</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4181" class="ax_default _默认样式">
            <div id="u4181_div" class=""></div>
            <div id="u4181_text" class="text ">
              <p><span style="font-family:'FontAwesome';font-weight:400;color:#CCCCCC;"></span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;"> 子集菜单二</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4182" class="ax_default _默认样式">
            <div id="u4182_div" class=""></div>
            <div id="u4182_text" class="text ">
              <p><span style="font-family:'FontAwesome';font-weight:400;color:#CCCCCC;"></span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;"> 父级菜单二</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4183" class="ax_default _默认样式">
            <div id="u4183_div" class=""></div>
            <div id="u4183_text" class="text ">
              <p><span style="font-family:'FontAwesome';font-weight:400;color:#CCCCCC;"></span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;"> 子集菜单一</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4184" class="ax_default _默认样式">
            <div id="u4184_div" class=""></div>
            <div id="u4184_text" class="text ">
              <p><span>三级菜单一</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4185" class="ax_default _默认样式">
            <div id="u4185_div" class=""></div>
            <div id="u4185_text" class="text ">
              <p><span>三级菜单二</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4186" class="ax_default _默认样式">
            <div id="u4186_div" class=""></div>
            <div id="u4186_text" class="text ">
              <p><span style="font-family:'FontAwesome';font-weight:400;color:#CCCCCC;"></span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;"> 子集菜单二</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4187" class="ax_default _默认样式">
            <div id="u4187_div" class=""></div>
            <div id="u4187_text" class="text ">
              <p><span style="font-family:'FontAwesome';font-weight:400;color:#CCCCCC;"></span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;"> 父级菜单二</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Vertical Line) -->
        <div id="u4188" class="ax_default _默认样式">
          <img id="u4188_img" class="img " src="images/树形控件_tree/u4188.png"/>
        </div>

        <!-- Unnamed (Vertical Line) -->
        <div id="u4189" class="ax_default _默认样式">
          <img id="u4189_img" class="img " src="images/树形控件_tree/u4188.png"/>
        </div>

        <!-- Unnamed (Vertical Line) -->
        <div id="u4190" class="ax_default _默认样式">
          <img id="u4190_img" class="img " src="images/树形控件_tree/u4190.png"/>
        </div>

        <!-- Unnamed (Vertical Line) -->
        <div id="u4191" class="ax_default _默认样式">
          <img id="u4191_img" class="img " src="images/树形控件_tree/u4190.png"/>
        </div>

        <!-- Unnamed (Vertical Line) -->
        <div id="u4192" class="ax_default _默认样式">
          <img id="u4192_img" class="img " src="images/树形控件_tree/u4190.png"/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4193" class="ax_default _默认样式">
        <div id="u4193_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u4194" class="ax_default _默认样式">
        <div id="u4194_div" class=""></div>
        <div id="u4194_text" class="text ">
          <p><span>带编辑功能</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u4195" class="ax_default" data-left="700" data-top="987" data-width="300" data-height="600">

        <!-- Unnamed (Group) -->
        <div id="u4196" class="ax_default" data-left="700" data-top="987" data-width="300" data-height="600">

          <!-- Unnamed (Rectangle) -->
          <div id="u4197" class="ax_default _默认样式">
            <div id="u4197_div" class=""></div>
            <div id="u4197_text" class="text ">
              <p><span style="font-family:'FontAwesome';font-weight:400;color:#CCCCCC;"></span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;"> 父级菜单一</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4198" class="ax_default _默认样式">
            <div id="u4198_div" class=""></div>
            <div id="u4198_text" class="text ">
              <p><span style="font-family:'微软雅黑';font-weight:400;color:rgba(0, 121, 254, 0.847058823529412);">三级菜单一&nbsp; </span><span style="font-family:'FontAwesome';font-weight:400;color:rgba(153, 153, 153, 0.847058823529412);">   </span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4199" class="ax_default _默认样式">
            <div id="u4199_div" class=""></div>
            <div id="u4199_text" class="text ">
              <p><span>三级菜单二</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4200" class="ax_default _默认样式">
            <div id="u4200_div" class=""></div>
            <div id="u4200_text" class="text ">
              <p><span style="font-family:'FontAwesome';font-weight:400;color:#CCCCCC;"></span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;"> 子集菜单一</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4201" class="ax_default _默认样式">
            <div id="u4201_div" class=""></div>
            <div id="u4201_text" class="text ">
              <p><span>三级菜单一</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4202" class="ax_default _默认样式">
            <div id="u4202_div" class=""></div>
            <div id="u4202_text" class="text ">
              <p><span style="font-family:'FontAwesome';font-weight:400;color:#CCCCCC;"></span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;"> 子集菜单一</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4203" class="ax_default _默认样式">
            <div id="u4203_div" class=""></div>
            <div id="u4203_text" class="text ">
              <p><span>三级菜单二</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4204" class="ax_default _默认样式">
            <div id="u4204_div" class=""></div>
            <div id="u4204_text" class="text ">
              <p><span style="font-family:'FontAwesome';font-weight:400;color:#CCCCCC;"></span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;"> 子集菜单二</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4205" class="ax_default _默认样式">
            <div id="u4205_div" class=""></div>
            <div id="u4205_text" class="text ">
              <p><span style="font-family:'FontAwesome';font-weight:400;color:#CCCCCC;"></span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;"> 子集菜单二</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4206" class="ax_default _默认样式">
            <div id="u4206_div" class=""></div>
            <div id="u4206_text" class="text ">
              <p><span style="font-family:'FontAwesome';font-weight:400;color:#CCCCCC;"></span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;"> 父级菜单二</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4207" class="ax_default _默认样式">
            <div id="u4207_div" class=""></div>
            <div id="u4207_text" class="text ">
              <p><span style="font-family:'FontAwesome';font-weight:400;color:#CCCCCC;"></span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;"> 子集菜单一</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4208" class="ax_default _默认样式">
            <div id="u4208_div" class=""></div>
            <div id="u4208_text" class="text ">
              <p><span>三级菜单一</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4209" class="ax_default _默认样式">
            <div id="u4209_div" class=""></div>
            <div id="u4209_text" class="text ">
              <p><span>三级菜单二</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4210" class="ax_default _默认样式">
            <div id="u4210_div" class=""></div>
            <div id="u4210_text" class="text ">
              <p><span style="font-family:'FontAwesome';font-weight:400;color:#CCCCCC;"></span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;"> 子集菜单二</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u4211" class="ax_default _默认样式">
            <div id="u4211_div" class=""></div>
            <div id="u4211_text" class="text ">
              <p><span style="font-family:'FontAwesome';font-weight:400;color:#CCCCCC;"></span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;"> 父级菜单二</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Vertical Line) -->
        <div id="u4212" class="ax_default _默认样式">
          <img id="u4212_img" class="img " src="images/树形控件_tree/u4188.png"/>
        </div>

        <!-- Unnamed (Vertical Line) -->
        <div id="u4213" class="ax_default _默认样式">
          <img id="u4213_img" class="img " src="images/树形控件_tree/u4188.png"/>
        </div>

        <!-- Unnamed (Vertical Line) -->
        <div id="u4214" class="ax_default _默认样式">
          <img id="u4214_img" class="img " src="images/树形控件_tree/u4190.png"/>
        </div>

        <!-- Unnamed (Vertical Line) -->
        <div id="u4215" class="ax_default _默认样式">
          <img id="u4215_img" class="img " src="images/树形控件_tree/u4190.png"/>
        </div>

        <!-- Unnamed (Vertical Line) -->
        <div id="u4216" class="ax_default _默认样式">
          <img id="u4216_img" class="img " src="images/树形控件_tree/u4190.png"/>
        </div>
      </div>
    </div>
  </body>
</html>
